/**
 * 食物类
 */
class Foods {
    public element:HTMLElement;

    // 初始值
    constructor() {
        // 获取页面中的food元素 并赋值给element
        this.element = document.getElementById('food');
    }

    // 获取食物的x坐标
    get X(){
        return this.element.offsetLeft;
    }

    // 获取食物的y坐标
    get Y(){
        return this.element.offsetTop;
    }

    /**
     * 重新生成一个食物
     */
    change(){
        let x = Math.round(Math.random() * 29) * 10
        let y = Math.round(Math.random() * 29) * 10
        this.element.style.left = `${x}px`
        this.element.style.top = `${y}px`
    }
}

export default Foods
